<template>
	<div class="acrivity">
		<div class="top">
			<b>{{race.content}}</b><span>更多<i class="iconfont">&#xe678;</i></span>
		</div>
		<div class="list">
			<div class="list1" v-for='item in race.data'>
				<img :src="item.thumb">
				<p>{{item.title}}</p>
			</div>
		</div>
	</div>
</template>
<script>
	export default{
		props:['race']
	}
</script>
<style lang='stylus' scoped>
	.top{
		display: flex;
		width: 100%;
		justify-content: space-between;
		padding:.3rem .26rem 0 0;
		font-size: .45rem;
		border-top: .3rem solid #f5f5f5;
		padding-bottom: .26rem;
		b{
			padding-left: .6rem;
			border-left: .1rem solid #f4d101;
			color: #f4d101;
		}
		span{
			color: #7d7b7b;
			font-size: .35rem;
		}
	}
	.list{
		width: 100%;
		display: -webkit-box;
		overflow-y: scroll;
		padding:0 .13rem;
		background: #f5f5f5;
		.list1{
			width: 60%;
			padding:0 .13rem;
			border-radius: 8px;
			img{
				width: 100%;
			}
			p{
				font-size: .46rem;
				padding: .2rem .26rem;
				font-weight: bold;
				background: #fff;
			}
		}
	}
</style>